<template>
    <div id='' class='header_view'>
        <div class="left">
            <div class="view">
                <div class="title">
                    专注自然资源信息化
                </div>
                <div class="describe">
                    洞悉自然资源价值，赋能政务信息化创新。
                </div>
            </div>
        </div>
        <div class="right">
            <img :src="bgimg" alt="" srcset="">
        </div>
    </div>
</template>
<script>
// import headerHomeBgImg from '@/assets/svg/fontApp/home_header_bg_img.svg'
import headerHomeBgImg from '@/assets/images/home_header_bg_img.png'
export default {
    name: '',
    props: [''],
    data() {
        return {
            bgimg: headerHomeBgImg
        };
    },
    components: {},
    computed: {},
    beforeMount() { },
    mounted() { },
    methods: {},
    watch: {}
}
</script>
<style lang='less' scoped>
.header_view {
    width: 100%;
    height: 410px;
    display: flex;
}
.left {
    width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;
    .view {
        width: 100%;
        .title { margin-left: 37%; font-size: 50px; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #ffffff; }
        .describe { margin-left: 47%; margin-top: 20px; font-size: 20px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #ffffff; }
    }
}
.right {
    width: 50%;
    img{
        width: 100%;
    }
}
</style>